// 自定义drawer关闭图标
.ant-drawer-cust-close { 
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.45);
    font-style: normal;
    margin-left: 12px;
    cursor: pointer;
    &:hover {
        color: rgba(0, 0, 0, 0.88);
        text-decoration: none;
    }
}

// 修改弹出层对话样式
.popup-modal {
    .ant-modal .ant-modal-content { padding: 0px; } 
    .ant-modal-header {
        padding: 12px 24px; margin-bottom: 0px; border-bottom: 1px solid #d9d9d9;;
    }
    .ant-modal-body { padding: 16px 24px 16px 24px; }
    .ant-modal-footer {
        padding: 10px 16px; margin-top: 0px; border-top: 1px solid #d9d9d9;;
    }  
}

// 弹出层展示类样式
.popup-spread {
    .ant-drawer-body { padding: 0; background-color: #F5F5F5; }

    .ant-modal-body { padding: 0; background-color: #F5F5F5; display: flex; flex-direction: column; }


    /**加载区域样式**/ 
    .ant-spin-nested-loading { flex: 1; display: flex; flex-direction: column; height: 100%; }
    .ant-spin-container { flex: 1; display: flex; flex-direction: column; height: 100%; }

    /**表格展示**/
    .popup-spread-table {
        flex: 1; display: flex; flex-direction: column; margin: 8px 10px; height: 100%; overflow: hidden;
    }
    // 铺满布局
    .popup-over-spread {
        flex: 1; display: flex; flex-direction: column; height: 100%; overflow: hidden;
    }

    .popup-spread-content { padding:  8px 10px; margin: 10px; background-color: #fff; border-radius: 2px; height: 100%; }
    
    /**多个块展示**/
    .popup-spread-piece {
        padding: 8px 10px; background-color: #fff; margin: 12px 12px 0 12px;
        &:last-child{ margin-bottom: 12px; }
    }
    /**多个块(无背景颜色)展示**/
    .popup-spread-notSide { margin: 12px 12px 0 12px; &:last-child{ padding-bottom: 12px; } }

    /**单个块(无背景颜色)展示**/
    .popup-spread-noInner { margin: 12px; }
}


/* 移动端模式 */
.app-pro-mobile {
    .popup-spread .popup-spread-table { overflow: auto; }
}